.mobileappmiddle{
    position: relative
}
.mappheader{
    position: absolute;
    top:0px;
    left:0px;
    width:100%;
    height:11rem;
    box-shadow:0px 0px 3px #ebebeb;
    box-sizing:border-box;
    padding: 0.6rem 1.3rem 0.3rem;
    z-index:200;
    background: url('/mimage/headerbg.png');
    background-size: cover;
}
.mappheaderbox{
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    align-content:space-between;
}
.mappheaderbox .mh-logo,.mh-search,.mh-nav{
    width: 100%;
    height: 2.5rem;
}
.mappheaderbox .mh-logo{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.mappheaderbox .mh-logo .img1{
    width: 6rem;
}
.mappheaderbox .mh-logo .img2{
    width: 2rem;
}
.mappheaderbox .mh-search{
    margin-top:0.8rem;
    height:3rem;
}
.mappheaderbox .mh-search .mh-searchbox{
    background-color: #fff;
    display: flex;
    justify-content: space-between;
}
.mappheaderbox .mh-search input{
    width: 60%;
    padding-left: 1rem; 
    height: 100%;
    font-size: 1rem;
}
.mappheaderbox .mh-search .mh-searchwrap {
    position: relative;
    display: flex;
    align-items: center;
    width: 4rem;
}
.mappheaderbox .mh-search .mh-searchwrap span{color: #C8C8C8;margin-left:0.2rem;}
.mappheaderbox .mh-search .mh-searchwrap i{font-size:0.5rem;color: #C8C8C8;}
.mappheaderbox .mh-search .mh-searchwrap .mh-searchitem{
    position: absolute;
    color: #C8C8C8;
    /* display: none; */
    background-color: #fff;
    box-shadow: 0 0 0.1rem 0.1rem rgba(0,0,0,0.1);
    top: 2.4rem;
    right: 0.3rem;
    width: 4rem;
    text-align: center;
    line-height: 2.5rem;
}
.mappheaderbox .mh-search .mh-searchwrap .mh-searchitem li{color:rgb(163, 160, 160);border-bottom: 1px solid #F2F2F2}
.mappheaderbox .mh-search button{
    width: 30%;
    height: 100%;
    font-size: 1rem;
    line-height: 1rem;
    background-color: #F2F2F2;
}
.mappheaderbox .mh-nav{
    display: flex;
    text-align: center;
    justify-content: center;
}
.mappheaderbox .mh-nav span{
    display: inline-block;
    font-size: 1rem;
    color: #BADFD0;
    width: 2.5rem;
    height: 2.5rem;
    line-height: 2.5rem;
    margin:0 1rem;
}
.mappheaderbox .mh-nav .active{
    color: #fff;
    border-bottom: 2px solid #fff;
}

/*页面底部*/
.appfooter{
    width:100%;
    height:6rem;
    background-color:#333333;
}
.footerbox{
    height: 100%;
    display: flex;
    justify-content:space-between;
    position: relative;
    padding:2rem;
    box-sizing: border-box;
}
.footerlf{
    /* width: 40%;
    height: 100%; */
    top: 2.5rem;
    left: 1rem;
    display:flex;
    justify-content: space-between;
    align-items: center;
}
.footerlf .lf_txt {
    margin-left: 1rem;
}
.footerlf .lf_txt p{
    font-size: 0.7rem;
    color: #7E7E7E;
}
.footerlf img{
    width: 5rem;
    /* margin-bottom: 0.8rem; */
}
/* 4F4F4F */
.footerrt{
    display:flex;
    justify-content: center;
    align-items: center;
}
.footerrt .totop img{
    width: 5rem;
}
.foottext{
    /* position: absolute; */
    color: #7E7E7E;
    top: 2.5rem;
    right: 1rem;
    font-size: 1.5rem;
}
.footerrt span{font-size:1rem;color:#8a8a8a;}
/*页面底部结束*/
